<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>趣订水|微信订水|微信订水小程序|微信送水小程序|桶装水配送管理软件|电子水票|水桶管理软件|桶装水软件|微信订水软件
    </title>
    <meta name="keywords" content="订水,趣订水,微信订水,小程序订水,微信小程序订水,桶装水配送,瓶装水配送,管理软件,电子水票,水店管理,水站管理" />
    <meta name="description" content="水站效率提升50%,利润增长30%,无需安装、免费升级、安全稳定,
    电子水票三秒下单,自助完成,手机抢单配送,无需专人分配,门店管理高效便捷,产品全面细致,功能卓越,解决接单成本高、电话占线、漏单、纸水票已丢失等行业痛点,系统自动派单，工人手机自助抢接单+回桶录单,加速水站规模化快速发展" />

    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>


    <link rel="stylesheet" href="css/slick.css">
    <link rel="stylesheet" href="css/slick-theme.css">
    <link rel="stylesheet" href="css/animate-new.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/bootsnav.css">
    <link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- xsslider slider css -->
    <!--<link rel="stylesheet" href="assets/css/xsslider.css">-->

    <!--For Plugins external css-->
    <!--<link rel="stylesheet" href="assets/css/plugins.css" />-->

    <!--Theme custom css -->
    <link rel="stylesheet" href="css/style-new.css">
    <!--<link rel="stylesheet" href="assets/css/colors/maron.css">-->

    <!--Theme Responsive css-->
    <link rel="stylesheet" href="css/responsive.css" />

    <script src="js/modernizr-2.8.3-respond-1.4.2.min.js"></script>

    <script src="js/jquery-1.11.1.min.js"></script>

    <script src="js/unslider.min.js"></script>
    <script type="text/javascript">
        function type_choose() {
            var host = window.location.host;
            if (host == 'www.qudingshui.com') {
                window.location.href = 'https://shop.qudingshui.com/center';
            } else {
                window.location.href = 'center';
            }
        }
    </script>
</head>
<style>
    html, body { font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
    .banner { position: relative; overflow: auto; text-align: center;}

    .banner li { list-style: none; }

    .banner ul li { float: left; }

</style>

<body data-spy="scroll" data-target=".navbar-collapse">

<!-- 浮窗 -->


<div style="z-index:999;display: block; position: fixed; right: 0px; top: 200px;">
    <div class="content">
        <a href=""><img src="img/QR2.png"></a>
    </div>
</div>
<!-- 浮窗 -->

<div class="culmn">
    <!--Home page style-->


    <nav class="navbar navbar-default bootsnav navbar-fixed">
        <div class="navbar-top bg-grey fix">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="navbar-callus text-left sm-text-center">
                            <ul class="list-inline">
                                <li><a href=""> 联系我们 电话/微信: 132 9797 5395</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="attr-nav">
                <ul>
                    <a href="https://jinshuju.net/f/J3QZFr" target="_blank" class="btn btn-primary" style="padding: 6px 15px; margin-top:23px; margin-left: 15px;">免费试用</a>
                    <!-- <li class="search"><a href="#"><i class="fa fa-search"></i></a></li> -->
                </ul>
            </div>

            <!-- Start Header Navigation -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="#brand" style="padding: 10px 15px;">
                    <!-- <h3>好约课</h3> -->
                    <img src="img/logo.png" class="logo" alt="">
                </a>

            </div>
            <!-- End Header Navigation -->

            <!-- navbar menu -->
            <div class="collapse navbar-collapse" id="navbar-menu">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#home">主页</a></li>
                    <li><a href="#features">功能特性</a></li>
                    <li><a href="#product">案例展示</a></li>
                    <li><a href="#contact">联系我们</a></li>
                    <li><a href="javascript:;" onclick='type_choose()' >登录后台</a></li>

                </ul>
            </div><!-- /.navbar-collapse -->

        </div>

    </nav>

    <!--Home Sections-->

    <section id="home" class="home bg-black fix">
        <div class="overlay"></div>
        <div class="container">
            <div class="row">
                <div class="main_home text-center">
                    <div class="col-md-12">
                        <div class="hello_slid">

                            <div class="slid_item">
                                <div class="home_text ">
                                    <h2 class="text-white"></h2>
                                    <h1 class="text-white">水站效率提升50%，利润增长30%</h1>
                                    <h3 class="text-white">- 无需安装 / 免费升级 / 安全稳定 -</h3>
                                </div>

                                <div class="home_btns m-top-40">
                                    <a href="https://jinshuju.net/f/J3QZFr" target="_blank" class="btn btn-primary m-top-20">免费试用</a>
                                    <a href="https://shop.qudingshui.com/center" class="btn btn-default m-top-20">登录后台</a>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>


            </div><!--End off row-->
        </div><!--End off container -->
    </section> <!--End off Home Sections-->



    <!--功能特性-->
    <section id="features" class="features bg-grey">
        <div class="container">
            <div class="row">
                <div class="main_features fix roomy-70">
                    <div class="col-md-4">
                        <div class="features_item sm-m-top-30">
                            <div class="f_item_icon">
                                <i class="fa fa-weixin"></i>
                            </div>
                            <div class="f_item_text">
                                <h3>微信订水</h3>
                                <p>电子水票三秒下单，自助完成</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="features_item sm-m-top-30">
                            <div class="f_item_icon">
                                <i class="fa fa-window-restore"></i>
                            </div>
                            <div class="f_item_text">
                                <h3>移动配送</h3>
                                <p>手机抢单配送，无需专人分配</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="features_item sm-m-top-30">
                            <div class="f_item_icon">
                                <i class="fa fa-users"></i>
                            </div>
                            <div class="f_item_text">
                                <h3>门店管理</h3>
                                <p>水店/水桶/客户/员工信息化管理</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--功能特性-->


    <!--用户端功能展示-->
    <section id="business" class="business roomy-70">
        <div class="container">
            <div class="row">
                <div class="main_business">
                    <div class="col-md-9">
                        <div class="business_item sm-m-top-50">
                            <h2 class="text-uppercase">订水微商城 - 用户端</h2>
                            <ul>
                                <li><i class="fa  fa-check-square"></i> 水票订水&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa  fa-check-square"></i> 会员中心</li>

                                <li><i class="fa  fa-check-square"></i> 零售订水&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa  fa-check-square"></i> 水票共享</li>

                                <li><i class="fa  fa-check-square"></i> 水票套餐&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa  fa-check-square"></i> 账户移交</li>

                                <li><i class="fa  fa-check-square"></i> 电子水票&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa  fa-check-square"></i> 多种经营</li>
                            </ul>
                            <!-- 好约课为场馆提供了从在线排课、会员约课、预约到访、到场签到等一系列完善的场馆运营管理功能。 -->
                            <p class="m-top-20">
                                公众号/小程序微商城，实现电子水票、一键订水3秒下单</p>

                            <p>解决接单成本高、电话占线、漏单、纸水票已丢失等行业痛点。</p>


                            <div class="business_btn" style="margin-bottom: 2rem">
                                <!-- <a href="#" class="btn btn-default m-top-20">免费试用</a> -->
                                <a href="https://jinshuju.net/f/J3QZFr" target="_blank" class="btn btn-primary m-top-20">免费试用</a>
                            </div>

                        </div>
                    </div>
                    <style>

                        .b02 .dots { position: absolute; left: 0; right: 40px; bottom: 20px;}

                        .b02 .dots li

                        {

                            display: inline-block;

                            width: 10px;

                            height: 10px;

                            margin: 0 4px;

                            text-indent: -999em;

                            border: 2px solid #25bdef;

                            border-radius: 6px;

                            cursor: pointer;

                            opacity: .4;

                            -webkit-transition: background .5s, opacity .5s;

                            -moz-transition: background .5s, opacity .5s;

                            transition: background .5s, opacity .5s;

                        }

                        .b02 .dots li.active

                        {

                            background: #25bdef;

                            opacity: 1;

                        }

                        .b02 .arrow { position: absolute; top: 250px;}

                        .b02 .al { left: 15px;background: rgba(0,0,0,0.2);}

                        .b02 .ar { right: 15px;background: rgba(0,0,0,0.2);}

                        .business_slid{
                            width: 270px;
                            height: 540px;
                        }
                        .bg_content{
                            width: 100%;
                        }

                    </style>

                    <div class="col-md-3">
                        <div class="business_slid">
                            <div class="banner b02" id="b02">
                                <ul>
                                    <li><img src="img/shouji_1.jpg" alt="" ></li>

                                    <li><img src="img/shouji_2.jpg" alt="" ></li>

                                    <li><img src="img/shouji_3.jpg" alt=""></li>

                                    <li><img src="img/shouji_4.jpg" alt=""></li>

                                    <li><img src="img/shouji_5.jpg" alt="" ></li>

                                    <li><img src="img/shouji_6.jpg" alt="" ></li>

                                </ul>

                                <a href="javascript:void(0);" class="unslider-arrow02 prev"><img class="arrow al" id="al" src="img/arrowl.png" alt="prev" width="20" height="35"></a>

                                <a href="javascript:void(0);" class="unslider-arrow02 next"><img class="arrow ar" id="ar" src="img/arrowr.png" alt="next" width="20" height="37"></a>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row" style="margin-top: 7rem">
                <div class="main_business">
                    <div class="col-md-9">
                        <div class="business_item sm-m-top-50">
                            <h2 class="text-uppercase">手机移动接单配送- 送水端</h2>
                            <ul>
                                <li><i class="fa  fa-check-square"></i> 系统自动派单&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa  fa-check-square"></i> 手机自助接单</li>

                                <li><i class="fa  fa-check-square"></i> 无需人工派单&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa  fa-check-square"></i> 节省配送成本</li>

                            </ul>
                            <!-- 好约课为场馆提供了从在线排课、会员约课、预约到访、到场签到等一系列完善的场馆运营管理功能。 -->
                            <p class="m-top-20">
                                系统自动派单，工人手机自助抢接单+回桶录单，</p>
                            <p>无需专人派单+回桶录单</p>

                            <p>分摊工作量，效率更高，成本更低。</p>


                            <div class="business_btn" style="margin-bottom: 2rem">
                                <!-- <a href="#" class="btn btn-default m-top-20">免费试用</a> -->
                                <a href="https://jinshuju.net/f/J3QZFr" target="_blank" class="btn btn-primary m-top-20">免费试用</a>
                            </div>

                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="business_slid">
                            <div class="banner b02" id="b03">
                                <ul>
                                    <li><img src="img/ps1.jpg" alt="" ></li>

                                    <li><img src="img/ps2.jpg" alt="" ></li>

                                    <li><img src="img/ps3.jpg" alt=""></li>

                                </ul>

                                <a href="javascript:void(0);" class="unslider-arrow03 prev"><img class="arrow al" src="img/arrowl.png" alt="prev" width="20" height="35"></a>

                                <a href="javascript:void(0);" class="unslider-arrow03 next"><img class="arrow ar" src="img/arrowr.png" alt="next" width="20" height="37"></a>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--用户端功能展示-->


    <!--后台功能展示-->
    <section id="" class="business bg-grey roomy-70">
        <div class="container">
            <div class="row">
                <div class="main_business">
                    <div class="col-md-9">
                        <div class="bg_content">
                            <div class="banner b02" id="b04">
                                <ul>
                                    <li><img src="img/bg1.png" alt="" style="width: auto"></li>

                                    <li><img src="img/bg2.png" alt="" style="width: auto"></li>
                                </ul>

                                <a href="javascript:void(0);" class="unslider-arrow04 prev"><img class="arrow al" src="img/arrowl.png" alt="prev" width="20" height="35"></a>

                                <a href="javascript:void(0);" class="unslider-arrow04 next"><img class="arrow ar" src="img/arrowr.png" alt="next" width="20" height="37"></a>

                            </div>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="business_item sm-m-top-50">
                            <h2 class="text-uppercase">后台管理 | 门店EPR管理</h2>
                            <ul>
                                <li><i class="fa  fa-check-square"></i> 客户管理 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa  fa-check-square"></i> 商品管理</li>

                                <li><i class="fa  fa-check-square"></i> 水票管理 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa  fa-check-square"></i> 水桶管理</li>

                                <li><i class="fa  fa-check-square"></i> 押金管理 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa  fa-check-square"></i> 员工管理</li>

                                <li><i class="fa  fa-check-square"></i> 流失预警 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa  fa-check-square"></i> 数据统计</li>
                            </ul>
                            <!-- 好约课为场馆提供了从在线排课、会员约课、预约到访、到场签到等一系列完善的场馆运营管理功能。 -->
                            <p class="m-top-20">
                                信息化管理客户、电子水票、水桶、押金、员工；解决客户流失、水桶丢失、纸水票管理难等问题</p>
                            <p>加速水站规模化快速发展
                            </p>


                            <div class="business_btn">
                                <!-- <a href="#" class="btn btn-default m-top-20">免费试用</a> -->
                                <a href="https://jinshuju.net/f/J3QZFr" target="_blank" class="btn btn-primary m-top-20">免费试用</a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--后台功能展示-->

    <!--客户案例-->
    <section id="product" class="product">
        <div class="container">
            <div class="main_product roomy-80">
                <div class="head_title text-center fix">
                    <h2 class="text-uppercase">合作客户/案例展示</h2>
                    <h5>我们的系统适用于各行各业</h5>
                </div>

                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <div class="container">
                                <div class="row" style="display: flex;justify-content: space-around;display: -webkit-flex;-webkit-justify-content: space-around">
                                    <div class="col-sm-3">
                                        <div class="port_item xs-m-top-30">
                                            <div class="port_img">
                                                <img src="img/p1.jpg" style="height:140px;"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="port_item xs-m-top-30">
                                            <div class="port_img">
                                                <img src="img/p2.jpg" style="height:140px;"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div><!-- End off row -->
        </div><!-- End off container -->
    </section>
    <!-- 客户案例 -->

    <!--Call to  action section-->
    <section id="action" class="action bg-primary roomy-40">
        <div class="container">
            <div class="row">
                <div class="maine_action">
                    <div class="col-md-8">
                        <div class="action_item text-center">
                            <h2 class="text-white text-uppercase">现在加入即可享受如上优势</h2>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="action_btn text-left sm-text-center">
                            <a href="https://jinshuju.net/f/J3QZFr"  target="_blank" class="btn btn-default">免费试用</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer id="contact" class="footer action-lage bg-black p-top-80">
        <!--<div class="action-lage"></div>-->
        <div class="container">
            <div class="row">
                <div class="widget_area">

                    <div class="col-md-2">
                    </div>
                    <div class="col-md-3">
                        <div class="widget_item widget_about">
                            <h5 class="text-white">About Us</h5>
                            <p class="m-top-20">趣订水是水业SaaS工具软件，定位水店经营好帮手，帮助水店快速制作公众号+小程序微商城+ERP配送管理系统，让水店具备微信订水+微信送水+ERP门店管理全套信息化解决方案</p>
                            <div class="widget_ab_item m-top-30">
                                <div class="widget_ab_item_text">
                                    <h6 class="text-white">联系电话 :</h6>
                                    <p> 132 9797 5395</p>
                                </div>
                            </div>
                        </div>
                    </div>


                    <!-- <div class="col-md-2">
                        <div class="widget_item widget_latest sm-m-top-50">
                            <h5 class="text-white">客服微信</h5>
                            <img src="assets/images/QR2.jpg"  alt="">
                        </div>
                    </div> -->

                    <div class="col-md-1"></div>

                    <div class="col-md-2">
                        <div class="widget_item widget_latest sm-m-top-50">
                            <h5 class="text-white">扫码体验</h5>
                            <img src="img/QR.jpg"  alt="">
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="main_footer fix bg-mega text-center p-top-40 p-bottom-30 m-top-80">
            <div class="col-md-12">
                <p class="wow fadeInRight" data-wow-duration="1s">Copyright &copy; 2018.武汉趣定水科技有限公司 鄂ICP备18007165号</p>
                <p class="wow fadeInRight" data-wow-duration="1s">地址：武汉市化工科技园SOHO B座1609</p>

            </div>
        </div>
    </footer>




</div>

<!-- JS includes -->

<script src="js/bootstrap.min.js"></script>
<!-- <script src="assets/js/owl.carousel.min.js"></script> -->
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.collapse.js"></script>
<script src="js/bootsnav.js"></script>
<script src="js/plugins.js"></script>
<!--<script src="js/main.js"></script>-->

<script>

    function imgReload()

    {

        var imgHeight = 0;

        var wtmp = $("body").width();

        $("#b02 ul li").each(function(){

            $(this).css({width:wtmp + "px"});

        });

        $("#b03 ul li").each(function(){

            $(this).css({width:wtmp + "px"});

        });

        $("#b04 ul li").each(function(){

            $(this).css({width:wtmp + "px"});

        });

        $(".sliderimg").each(function(){

            $(this).css({width:wtmp + "px"});

            imgHeight = $(this).height();

        });

    }



    $(window).resize(function(){imgReload();});



    $(document).ready(function(e) {

        imgReload();

        var unslider02 = $('#b02').unslider({

                dots: true,

                fluid: true

            }),

            data02 = unslider02.data('unslider');

        var unslider03 = $('#b03').unslider({

                dots: true,

                fluid: true

            }),

            data03 = unslider03.data('unslider');

        var unslider04 = $('#b04').unslider({

                dots: true,

                fluid: true

            }),

            data04 = unslider04.data('unslider');




        $('.unslider-arrow02').click(function() {

            var fn = this.className.split(' ')[1];

            data02[fn]();

        });

        $('.unslider-arrow03').click(function() {

            var fn = this.className.split(' ')[1];

            data03[fn]();

        });

        $('.unslider-arrow04').click(function() {

            var fn = this.className.split(' ')[1];

            data04[fn]();

        });

    });

</script>

</body>
</html>